Using C1DateTimePicker Themes (Silverlight)

The C1DateTimePicker control for Silverlight comes equipped with a light blue default theme, but you can also apply six themes (see C1DateTimePicker Theming) to the control. In this topic, you will change the C1DateTimePicker control's theme to C1ThemeRainierOrange.

In Blend

Complete the following steps:

Click the Assets tab.
In the search bar, enter "C1ThemeRainierOrange". The C1ThemeRainierOrange icon appears.
Double-click the C1ThemeRainierOrange icon to add it to your project.
In the search bar, enter "C1DateTimePicker " to search for the C1DateTimePicker control.
Double-click the C1DateTimePicker icon to add the C1DateTimePicker control to your project.
Under the Objects and Timeline tab, select [C1DateTimePicker ] and use a drag-and-drop operation to place it under [C1ThemeRainierOrange].
Run the project.

In Visual Studio

Complete the following steps:

Open the .xaml page in Visual Studio.
Place your cursor between the <Grid></Grid> tags.
In the Toolbox, double-click the C1ThemeRainierOrange icon to declare the theme. Its tags will appear as follows:
```
<my:C1ThemeRainierOrange></my:C1ThemeRainierOrange>
```
Place your cursor between the <my:C1ThemeRainierOrange> and </my:C1ThemeRainierOrange> tags.

In the Toolbox, double-click the C1DateTimePicker icon to add the control to the project. Its tags will appear as children of the <my:C1ThemeRainierOrange> tags, causing the markup to resemble the following:

XAML	Copy Code
<my:C1ThemeRainierOrange> <c1datetime:C1DateTimePicker ></c1datetime:C1DateTimePicker > </my:C1ThemeRainierOrange>

Run your project.

This Topic Illustrates the Following:

The following image depicts a C1DateTimePicker control with the C1ThemeRainierOrange theme.